<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" template="/templates/Myui.xhtml">

	<ui:define name="customStyle">
		<style type="text/css">
.testreg {
	vertical-align: top;
}

.setWidth {
	width: 155px;
}

.picturePreview {
	width: 210px;
	height: 200px;
	text-align: center;
	vertical-align: middle;
}

.uploadify-button {
	background-color: transparent;
	border: none;
	padding: 0;
}

.uploadify:hover .uploadify-button {
	background-color: transparent;
}
</style>
	</ui:define>
	<ui:define name="customJS">
		<script src="uploadify/jquery.uploadify.js" type="text/javascript"></script>
		<script type="text/javascript">
		$(document).ready(function(){			
			$("#uploadify").uploadify({
					'fileSizeLimit': '1024KB',
		            'fileTypeDesc' : 'Image Files',
		            'fileTypeExts' : '*.gif; *.jpg; *.png',
		            'buttonImage' : 'uploadify/browse-btn.png',
					swf           : 'uploadify/uploadify.swf',
					width         : 71,
					//uploader      : 'testuploadservlet',
			});
		}); 


		</script>

	</ui:define>
	<ui:define name="customCSS">
		<link rel="stylesheet" media="screen" href="uploadify/uploadify.css"
			type="text/css" />
	</ui:define>

	<ui:define name="content">
		<div class="entry" style="text-align: left;">
			<!-- <h:form id="signUpForm">
				<input id="uploadify" type="file" value="test upload ....." />
			</h:form> -->



			<form action="#{request.contextPath}/testservelet"  method="post">
				<input id="uploadify" type="file" value="test upload ....." />
				<input type="submit" >
			</form>
		</div>
	</ui:define>
</ui:composition>